@import "../../css/common.css";

.user-wrapper{background:url('../img/login-bg.png') no-repeat center center;width: 100%;height: 100%;background-size:cover;}

.user-wrapper .header{height: 4.2vw;line-height: 4.2vw;padding-left: 1.6vw}

.user-wrapper .header img{width:5.4vw;max-width: 105px}

.user-main{padding-top: 5vw}

.user-reg-main{padding-top: 3vw}

.login-wrapper .user-main .user-crumb{font-size: 1.8vw;text-align: center;margin-bottom:2.6vw;color: #172b4d;letter-spacing: 0}

.login-wrapper .user-main .user-form{width: 23.4vw;margin:0 auto;padding:2.6vw 2.6vw 1vw 2.6vw;background-color: #fff;box-shadow: 0 0.7vw 1.6vw 0 rgba(0, 18, 36, 0.1);}

.login-wrapper .user-main .user-form .user-form-item:first-child{margin-top: 0}

.login-wrapper .user-main .user-form .user-form-item{position:relative;margin-top:1.6vw;}

.login-wrapper .user-main .user-form .user-form-item .layui-form-checkbox[lay-skin=primary]{padding-left:23px}

.login-wrapper .user-main .user-form .user-form-item .layui-form-checkbox[lay-skin=primary] i{top:1.5px}

.login-wrapper .user-main .user-form .user-form-item .layui-form-checkbox[lay-skin=primary]:hover i{border-color: #2c6ee5;}

.login-wrapper .user-main .user-form .user-form-item .layui-form-checked[lay-skin=primary] i {border-color: #2c6ee5;background-color: #2c6ee5;color: #fff;line-height: 14px}

.login-wrapper .user-main .user-form .user-form-item i.iconfont{position: absolute;top:.4vw;left: .6vw;color:#c0c0c0;font-size: .9vw}

.login-wrapper .user-main .user-form .user-form-item input{width:100%;height: 2.1vw;line-height:2.1vw;border: solid 1px #e3e3e3;border-radius: 3px;padding-left: 2vw;}

.login-wrapper .user-main .user-form .user-form-item input:hover,.user-form .user-form-item input:focus{border-color:#ccdeff;box-shadow: 0 0 7px #ccdeff;-moz-box-shadow: 0 0 7px #ccdeff;
	-webkit-box-shadow: 0 0 7px #ccdeff;}

.login-wrapper .user-main .user-form .user-form-item .verify-btn{position: absolute;right:0;width:4.9vw;height: 2.1vw;line-height:2.2vw;color:#fff;background-color: #2c6ee5;
	text-align: center;font-size: .7vw;border-radius: 0 3px 3px 0;border:none;padding-left: 0;cursor: pointer}

.login-wrapper .user-main .user-form .user-form-item .verify-btn:hover,.user-form .user-form-item .verify-btn:focus{border:none;box-shadow: none;-moz-box-shadow:none;-webkit-box-shadow:none}

.login-wrapper .user-main .user-form .user-form-item .verify-btn:hover{opacity: .8}

.login-wrapper .user-main .user-form .user-form-item .submit-btn{display:inline-block;width:100%;height: 2.1vw;line-height:2.1vw;background-color: #2c6ee5;color:#fff;text-align: center;
	border-radius: 3px;font-size: .8vw}

.login-wrapper .user-main .user-form .user-form-item:last-child a{font-size: 12px}

.login-wrapper .user-main .user-form .go-btn-item{text-align: center;margin-top: 1vw;}

.login-wrapper .user-main .user-form .user-form-item a.go-btn{color:#2c6ee5}

.login-wrapper .user-main .user-form .user-form-item a.go-btn span{color:#999}

.login-wrapper .user-main .user-form .user-form-item .language>a{color:#2c6ee5;height: 40px;}

.login-wrapper .user-main .user-form .user-form-item .language .lang-panel{position: absolute;left:-1vw;top: 1.5vw;min-width: 4.5vw;border: solid 1px #2c6ee5;
	background-color: #fff;border-radius: 3px;padding:0.6vw;display: none}

.login-wrapper .user-main .user-form .user-form-item .language .lang-panel a{display: block;color:#999;text-align: center;width:100%;padding-bottom:.9vw}

.login-wrapper .user-main .user-form .user-form-item .language .lang-panel a:last-child{padding-bottom:0}

.login-wrapper .user-main .user-form .user-form-item .language .lang-panel a:hover{color:#2c6ee5}

.login-tips .layui-layer-content{box-shadow:none !important;line-height: 5px !important;color:#f56c6c !important;;padding:0 !important;
	background-color: transparent !important;}

.login-tips i.layui-layer-TipsB{border-right-color: transparent !important;}




/* 重置密码 */
.reset-wrapper{width: 100%;height: 100%;background-color:#fff;}

.reset-wrapper .header{height: 4.2vw;line-height: 4.2vw;padding:0 1.6vw}

.reset-wrapper .header img{width:5.4vw;max-width: 105px}

.reset-wrapper .header a{color:#2c6ee5}

.reset-wrapper .header a span{color:#999}

.user-reset-main{background-color: #fff;width: 54.7vw;margin:0 auto;padding-top: 2vw}

.user-reset-tab{position:relative;font-size: 0;margin-bottom:8vw}

.user-reset-tab .line{display:inline-block;height: .1vw;background-color: #bad0f7;width:27vw}

.user-reset-tab .line.current{background-color: #2c6ee5}

.user-reset-tab .tab-item{position:absolute;text-align: center;}

.user-reset-tab .tab-item span{display: inline-block;font-size: 1vw;background-color:#a2bbe8;color:#fff;width:1.6vw;height: 1.6vw;border-radius: 1.6vw;
	line-height: 1.6vw;}

.user-reset-tab .tab-item p{font-size: .7vw;color:#a2bbe8;margin-top: .6vw;}

.user-reset-tab .tab-item.current span{background-color:#2c6ee5;}

.user-reset-tab .tab-item.current p{color:#2c6ee5;}

.user-reset-tab .tab-item:nth-child(1){left: -2.9vw;top:-.8vw;}

.user-reset-tab .tab-item:nth-child(3){left: 25.5vw;top:-.7vw;}

.user-reset-tab .tab-item:nth-child(5){right: -2.9vw;top:-.7vw;}

/* 重置密码 - 设置 */
.user-reset-way{padding: 0 14.1vw 11.2vw 14.1vw;}

.user-reset-way .way-item{display: block;height: 6.3vw;line-height: 6.3vw;border-radius: 0.3vw;font-size: 1vw;padding: 0 0 0 4.2vw;
	background-color: #f3f7ff;color:#138df5;letter-spacing: 0;width: 23.5vw;border:1px solid #bad0f7}

.user-reset-way .way-item i{color:#ffbf25;font-size: 1.5vw;margin-right: .5vw;}

.user-reset-way .way-item:nth-child(1){margin-bottom:2.7vw}

.user-reset-way .way-item:nth-child(2) i{color:#00cea0}

.user-reset-way .way-item:hover{background-color: #2c6ee5;color:#fff;}

.user-reset-form .faq-form .faq-form-item:first-child{margin:0}

/* 重置密码 - 成功 */
.user-reset-success{text-align: center}

.user-reset-success img{width: 5.7vw;}

.user-reset-success p{font-size: 0.8vw;margin:1.6vw 0}

.user-reset-success a{display: block;width: 13vw;height: 2.1vw;line-height:2.1vw;background-color: #2c6ee5;border-radius: 0.2vw;font-size: 0.8vw;
	text-align: center;margin: 0 auto;color:#fff;}

@media only screen and (max-width: 1400px){

	.user-form .user-form-item i.iconfont{top: .5vw;font-size: 1.2vw;}

	.user-form .user-form-item input{height: 30px;line-height:30px;padding-left: 2.5vw;font-size: 12px;}

	.user-form .user-form-item .verify-btn{height: 30px;line-height:30px;width:7vw}

	.user-form .user-form-item{margin-top: 25px}

	.slide-verify{height: 30px;}

	.slide-verify .fix-tips, .verify-msg{height: 30px;line-height: 30px;}

	.slide-verify .drag-btn{height: 30px;background: #fff url(/Public/img/verify-slide-1.png) no-repeat center center;}

	.slide-verify .suc-drag-btn {height: 30px;background: #fff url(/Public/img/verify-done-1.png) no-repeat center center;}

	.slide-verify .drag-progress{height: 30px;line-height: 30px}

	.user-form .user-form-item .submit-btn{height: 30px;line-height: 30px}

	.user-form .user-form-item .language .lang-panel{left:-.3vw;top: 2vw;}

}


/* 客服端 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#cecece;border-radius: 4px;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#aaa;}
::-webkit-scrollbar-corner:vertical{background-color:#cecece;}

.client-user-wrapper{width: 100%;height: 100%;background: transparent}

.client-user-wrapper .user-main{width: 100%;margin: 0 auto;padding:0 30px;background: #fdfdfd}

.client-user-wrapper .user-main .user-crumb{font-size: 22px;font-weight: normal;font-stretch: normal;line-height: 40px;color: #454545;}

.client-user-wrapper .user-main .user-form{width: 100%;margin:0 auto;}

.client-user-wrapper .user-main .user-form .user-form-item{position:relative;margin-top:25px;}

.client-user-wrapper .user-main .user-form .user-form-item .user-form-accounts{position: absolute;top:45px;z-index: 999;width: 100%;background: #fff;border:1px solid #eee;
	padding: 5px 0;max-height: 200px;overflow-x: hidden}

.client-user-wrapper .user-main .user-form .user-form-item .user-form-accounts .account-item{position:relative;height: 35px;line-height: 35px;padding: 0 10px;
	cursor: pointer;}

.client-user-wrapper .user-main .user-form .user-form-item .user-form-accounts .account-item:hover{background-color: #fafafa}

.client-user-wrapper .user-main .user-form .user-form-item .user-form-accounts .account-item span{display: inline-block;width: 80%}

.client-user-wrapper .user-main .user-form .user-form-item .user-form-accounts .account-item i.iconfont{position: absolute;right: 10px;top:0;font-size: 14px}

.client-user-wrapper .user-main .user-form .user-form-item .user-form-accounts .account-item i:hover{color:#2c6ee5}

.client-user-wrapper .user-main .user-form .user-form-item a{font-size: 13px;color:#666}

.client-user-wrapper .user-main .user-form .user-form-item .layui-form-checkbox[lay-skin=primary]{padding-left:23px}

.client-user-wrapper .user-main .user-form .user-form-item .layui-form-checkbox[lay-skin=primary] i{top:0;width: 16px;height: 16px}

.client-user-wrapper .user-main .user-form .user-form-item .layui-form-checkbox[lay-skin=primary]:hover i{border-color: #2c6ee5;}

.client-user-wrapper .user-main .user-form .user-form-item .layui-form-checked[lay-skin=primary] i {border-color: #2c6ee5;background-color: #2c6ee5;color: #fff;line-height: 14px}

.client-user-wrapper .user-main .user-form .user-form-item .layui-form-checkbox span{font-size: 13px}

.client-user-wrapper .user-main .user-form .user-form-item>i.iconfont{position: absolute;top:8px;left:12px;color:#c0c0c0;font-size:16px}

.client-user-wrapper .user-main .user-form .user-form-item input{width:100%;height: 40px;line-height: 40px;border: solid 1px #eee;border-radius: 3px;padding-left: 35px;}

.client-user-wrapper .user-main .user-form .user-form-item input:hover,.user-form .user-form-item input:focus{border-color:#d9f6f6;box-shadow: 0 0 7px #d9f6f6;-moz-box-shadow: 0 0 7px #d9f6f6;
	-webkit-box-shadow: 0 0 7px #d9f6f6;}

.client-user-wrapper .user-main .user-form .user-form-item .submit-btn{display:inline-block;width:100%;height:40px;line-height:40px;background-color: #2c6ee5;border-radius: 3px;color: #fff;
	text-align: center;font-size: 15px;}

.client-user-wrapper .user-main .user-form .go-btn-item{text-align: center;margin-top:10px}

.client-user-wrapper .user-main .user-footer{margin-top:89px;text-align: center;padding-bottom: 15px}

.client-user-wrapper .user-main .user-footer img{width: 70px;}

.client-login-tips .layui-layer-content{box-shadow:none !important;line-height: 5px !important;color:#f56c6c !important;;padding:0 !important;
	background-color: transparent !important;}

.client-login-tips i.layui-layer-TipsB{border-right-color: transparent !important;}
